<template>
  <view class="content">
    <view class="app-title ac">
      <view class="fl" @click="back"
        ><image class="back" src="/static/img/back.png"></image></view
      >器材详情
    </view>

    <view class="top-bg"></view>

    <view class="detail">
      <view class="item"
        >标签码<view class="fr"
          ><b>{{ detail.labelCode }}</b></view
        ></view
      >
      <view class="item"
        >所在机构<view class="fr"
          ><b>{{ detail.zcOrgName }}</b></view
        ></view
      >
      <view class="item"
        >所在地点<view class="fr"
          ><b>{{ detail.zcStationName }}</b></view
        ></view
      >
      <view class="item"
        >器材类型<view class="fr"
          ><b>{{ detail.oneEqutypeName }}</b></view
        ></view
      >
      <view class="item"
        >器材型号<view class="fr"
          ><b>{{ detail.zcModel }}</b></view
        ></view
      >
      <view class="item"
        >专业类型<view class="fr"
          ><b>{{ detail.zcProfessionalCode }}</b></view
        ></view
      >
      <view class="item"
        >器材序列号/条码<view class="fr"
          ><b>{{ detail.zcSerialNumber }}</b></view
        ></view
      >
      <view class="item"
        >所属整机序列号/条码<view class="fr"
          ><b>{{ detail.serialNumber }}</b></view
        ></view
      >
      <view class="item"
        >生产厂家<view class="fr"
          ><b>{{ detail.zcManufacturers }}</b></view
        ></view
      >
      <view class="item"
        >出厂日期<view class="fr"
          ><b>{{ detail.zcProductionDate }}</b></view
        ></view
      >
      <view class="item"
        >出厂批次<view class="fr"
          ><b>{{ detail.batchnum }}</b></view
        ></view
      >
      <view class="item"
        >出所编号<view class="fr"
          ><b>{{ detail.instatutenum }}</b></view
        ></view
      >
      <view class="item"
        >上道日期<view class="fr"
          ><b>{{ detail.zcUseDate }}</b></view
        ></view
      >
      <view class="item"
        >上道设备类型<view class="fr"
          ><b>{{ detail.sdEqutypeName }}</b></view
        ></view
      >
      <view class="item"
        >上道设备名称<view class="fr"
          ><b>{{ detail.sdEquname }}</b></view
        ></view
      >
      <view class="item"
        >备注<view class="fr"
          ><b>{{ detail.note }}</b></view
        ></view
      >

      <!--<view class="item"
        >工单人员<view class="fr"
          ><b>{{ detail.constructPersonName }}</b></view
        ></view
      >
      <view class="item"
        >完成情况<view class="fr"
          ><b>{{ detail.completion }}</b></view
        ></view
      >
      <view class="item"
        >工单状态<view class="fr"
          ><b>{{ detail.woState }}</b></view
        ></view
      > -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      thStyle: {
        width: "150px",
      },
      id: "",
      detail: {
        zcOrgName: "",
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
        // zcOrgName:'',
      },
      detailContent: [],
      detailTools: [],
      show_work: false,
    };
  },
  onLoad() {
    let self = this;
    const eventChannel = this.getOpenerEventChannel();
    eventChannel.on("acceptDataFromOpenerPage", function (data) {
      self.detail = data.data;
    });
  },

  methods: {
    back() {
      uni.navigateBack();
    },
  },
};
</script>

<style scoped>
.detail {
  height: auto;
  min-height: 86vh;
}
.detail > .item {
  line-height: 51px;
  border-bottom: 1px solid #f1f1f1;
  padding-right: 16px;
}
.detail > .photo {
  overflow-x: auto;
  width: 100%;
  height: 100px;
  white-space: nowrap;
}
.detail > .photo > .img-item {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 6px;
  display: inline-block;
}
</style>
